/* 1.背景图：渐变色 */
.d1 {
    width: 400px;
    height: 200px;
    /* 渐变色：角度值(单位是deg) */
    background-image: linear-gradient(60deg,yellow,green);
}
/* 2.背景图：图片 */
.d2 {
    width: 50px;
    height: 100px;
    /* 添加背景图 */
    background-image: url("img/mr.png");
    /* 设置背景图大小：宽度和高度 */
    background-size: 50px 100px;
    background-color: lightgreen;
}
.d3 {
    width: 500px;
    height: 300px;
    border: 5px solid red;
    background-image: url("img/mr.png");
    /* 都不重复;repeat-x 仅在x轴重复;repeat-y 仅在y轴重复; */
    background-repeat: no-repeat;
    /* 左上角 还可以写像素值，原点(0px 0px)就是左上角，正值向右/向下移动*/
    background-position: left top;
}